import { Pie } from 'vue-chartjs'
import * as Utils from '@/common/scripts/utils'

export default {
  extends: Pie,
  data: () => ({
    chartdata: {
        labels: ['Zoro Team', 'Advisors', 'Initial Liquidity', 'Potential A Round Investor', 'Angel Investors','Ecosystem Developers','Community Mining'],
        datasets: [
            {
            label: 'Dataset 1',
            data: [15, 1,4,5.3,6.7,8,60],
            backgroundColor: Object.values(Utils.CHART_COLORS),
            }
        ]
    },
    options: {
        responsive: true,
        maintainAspectRatio:true,
        legend: {
            position: 'left',
            display:true,
            labels:{
                fontColor:'#fff',
                fontSize:18
            }
        },
        title: {
            display: true,
            text: 'Token distribution structure',
            fontColor:'#fff',
            fontSize:30,
            padding:20
        }
    }
  }),

  mounted () {
    this.renderChart(this.chartdata, this.options)
  }
}